/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-font-smoothing: antialiased;}*:not(input,textarea){-webkit-touch-callout:inherit;-webkit-user-select:auto;}body{width:100%;font-size:16px;-webkit-touch-callout:inherit;-webkit-user-select:auto;}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}a:hover{text-decoration:none;}button,input,select,textarea{font-size:100%;margin:0;padding:0;outline:none;}textarea,input{resize:none;outline:none;}textarea{resize:none;-webkit-appearance:none;}ul,ol,li{list-style:none;}em{font-style:normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
li{ list-style:none;}
img{ border:0;}
a{cursor:pointer;text-decoration:none;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
input:focus,textarea:focus,select:focus{ outline:0;}
.relative{ position:relative;}
input[type="submit"]{ cursor:pointer;}
/* clear float */
.clearboth{ clear:both;}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
	display: block;
	font-size: 0;
}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
body,input,textarea,select,pre{ font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
.btn:active{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-o-transform:scale(.95);
	}
.relative{ position:relative;}
.hide{ display:none;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
h3,h4{ font-weight:normal;}
.imgbox{ position:relative; overflow:hidden;}
.relative{ position:relative;}
.shade{ position:absolute; left:0; top:0; width:100%; height:100%;}
/* bst */
.current{ z-index:1;}
.animating{ z-index:2;}
/*animation*/
.imgViewIndex dd:after,.animate,.imghover img,.translateX5px abbr,.screenList,.newsNav a:before,.newsNav a:after,.newsList a,.hoverStyle,.hoverStyle .contWrap,.cover{
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease; 
	-o-transition:all .6s ease;
	}
.imgListBtn a:before,.duration a,.objbtns a:after,.newsSwitch h4,.newsSwitch abbr,.durTxt h4,.durTxt p,.durTxt abbr,.articleList li,.imgViewer2 li:after{
	transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out; 
	-o-transition:all .3s ease-out;
	}
.imghover img,.proImgList li,.cybox img{
	transition:all .6s ease-out;
	-moz-transition:all .6s ease-out;
	-webkit-transition:all .6s ease-out; 
	-o-transition:all .6s ease-out;
	}
.imghover a:hover img,.imglihover li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); will-change: transform;}
.translateX5px abbr:hover{ transform:translateX(5px); -webkit-transform:translateX(5px); -moz-transform:translateX(5px); -o-transform:translateX(5px);}
.btn1:after,.btn1:before{
	transition:transform 1s ease;
	-moz-transition:transform 1s ease;
	-webkit-transition:transform 1s ease; 
	-o-transition:transform 1s ease;
	}
/* myStyle */
.imgViewCont{ position:relative; overflow:hidden;}
.imgViewCont li{ display:none; position:relative; float:left; margin-right:-100%; width:100%;}
.imgViewCont li:nth-child(1){ display:block; z-index:1;}
.imgViewCont li.current{ display:block; z-index:1;}
.imgViewCont li.animating{ display:block; z-index:2;}
.imgViewBtn{ position:absolute; top:0; left:0; width:100%; z-index:3;}
.imgViewBtn a{ position:absolute; display:block;}
.imgViewIndex{ z-index:4;position:absolute;top:50%;left:30px;}
.imgViewIndex dd{ cursor:pointer;width: 15px;
    height: 15px;
    background-color: #000;
    margin: 5px;
    border-radius: 7px;}
.imgViewIndex dd.hover{background-color: #ff0000;}
.imgViewCont img{ display:block; width:100%;}
.imgListCont{ position:relative; margin:0 auto; overflow:hidden;}
.imgListCont ul{ position:relative; left:0; width:9999px; z-index:2;}
.imgListCont li{ float:left;}
.imgListBtn{ position:absolute; left:0; top:0; width:100%; z-index:1;}
.imgListBtn a{ position:absolute; top:0;}
/* base */
.banner{ position:relative; left:0; top:0;}
.banner,.fullScReen{ height:auto; width:100%; overflow:hidden;}
.screenList{ height:100%; width:100%;}
.wrapper{ position:relative; overflow:hidden; max-width:1920px; margin:0 auto;}
.bgGray{ background:#f5f5f5;}
.screenList{ position:relative; top:0;}
.screen{ position:relative;}
.banner ul,.banner li{ height:auto!important; width:100%;}
.banner li{ position:relative;}
.banner li div{ position:absolute; top:0; left:50%; margin-top:-145px; width:100%;}
.banner img{ position:relative; width:100%!important; height:auto!important;margin:0!important;left:0!important;}
header{ position:absolute; top:41px; width:100%; z-index:8;background-color: #ffffff!important;}
h1{ position:absolute; left:50px; top:0; width:362px; height:75px;}
h1 a{ display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/logo.png) no-repeat center;}
.btns{ position:absolute; top:0; right:50px;}
.btns a{ color:#FFF; text-transform:uppercase;}
.oa{ float:left; padding-right:16px; font-size:15px; line-height:32px; background:url(../images/icon6.png) no-repeat right center;}
.menu{ float:left; position:relative; font-size:12px; line-height:28px; display:block; width:70px; height:28px; border:1px solid #FFF; text-align:center; overflow:hidden;}
.menu div:after{ content:"กม"; display:block; height:28px; font-size:24px;}
.lang{ float:left; margin:0 25px 0 20px; line-height:18px; font-size:12px; color:#FFF;}
.oa:hover,.openMenu .oa,.blackMenu .oa{ background-image:url(../images/icon7.png);}
.btns a:hover,.openMenu .btns a,.openMenu .lang,.blackMenu .lang,.blackMenu .btns a{ color:#eb6100;}
/*.menu:hover,*/
.openMenu .menu,.blackMenu .menu{ border-color:#000;}
/*.menu:hover div,*/
.openMenu .menu div{ transform:translateY(-28px); -webkit-transform:translateY(-28px);}
menu{ position:fixed; left:100%; top:0; width:100%; height:100%; background:#FFF; z-index:7;}
menu .menu{ position:absolute; right:50px; top:30px; z-index:1;}
.openMenu menu{ left:0; opacity:1;background:#fff url(../images/mbg.jpg) no-repeat center bottom;}
.menuBox{ height:100%;}
.openMenu h1 a{ background-image:none;}
menu dl{ float:left; max-width:274px; width:274px; width:10.5vw; height:100%; text-align:center; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;text-transform:capitalize;border-right:0;border-color:#dcddde;}
menu dl:hover{ background:#00428c;}
menu dt{ position:relative; padding:215px 0 60px;}
menu dt:after{ content:" "; position:absolute; left:50%; bottom:27px; margin-left:-15.5px; display:block; width:31px; height:3px; background:#636363;}
menu dt a{ color:#000;}
menu strong{ display:block; height:56px; margin-bottom:20px; font-size:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF;}
menu dd a{ display:block; margin:0 auto; width:135px; line-height:2; font-size:14px; color:#7d7d7d;}
menu dl:hover dt:after{background:#fff;}
menu dl:hover a{ color:#FFF;}
menu dl:hover dd a{ margin-bottom:16px;}
menu dl:hover dd a:hover{ background:#FFF; color:#00428c;}
.content{ position:relative;}
.title1{ margin-bottom:220px; font-size:30px; color:#FFF; text-align:center; font-family:SimHei; text-align:center;}
.p1{ text-align:center; font-size:12px; color:#FFF; line-height:2;}
.list1{ position:absolute; left:50%; top:50%; margin:-90px 0 0 -415px; width:830px;}
.list1 a{ display:block; position:relative; float:left; margin:0 12.5px; width:141px; height:141px; background-repeat:no-repeat; background-position:center; overflow:hidden; background-size:80%;}
.list1 a:hover{ background-color:rgba(255,255,255,.5);}
.list1 div{ padding-top:91px; height:50px; color:#FFF; text-align:center;}
.list1 span{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.icon1{ background-image:url(../images/icon1.png);}
.icon2{ background-image:url(../images/icon2.png);}
.icon3{ background-image:url(../images/icon3.png);}
.icon4{ background-image:url(../images/icon4.png);}
.icon5{ background-image:url(../images/icon5.png);}
.mouseTip{ position:absolute; left:50%; bottom:10%; margin-left:-27px; display:block; width:54px; height:54px; background:url(../images/icon18.png) no-repeat center #0080da; border-radius:50%; z-index:6; opacity:.9;}
.mouseTip:hover{ opacity:.2;}
.newsSroll{ position:absolute; left:50%; margin-left:-403px; height:47px; line-height:47px; bottom:0; width:749px; z-index:6; background:url(../images/icon19.png) no-repeat 23px center #FFF; overflow:hidden;}
.newsSroll ul a{ display:block; position:relative;}
.moreNews{ position:absolute; right:0; top:0; display:block; height:47px; width:110px; text-align:center; font-size:14px; background:#00979c; color:#FFF; font-size:14px;}
.newsSroll ul{ position:relative; left:57px; width:500px;}
.newsSroll h4{ width:390px; font-size:14px; color:#4c4c4c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsSroll span{ position:absolute; right:0; top:0; font-size:12px; color:#999;}
.aboutSection{ padding:66px 0 53px;}
.aboutSection ul{ width:1257px; position:relative; left:-27px;}
.aboutSection li{ float:left;}
.aboutSection a{ display:block; width:365px; padding:27px;}
.aboutSection h3{ line-height:56px; font-size:24px; color:#060606;}
.aboutSection p{ position:relative; height:72px; overflow:hidden; font-size:12px; color:#888; line-height:2;}
.aboutSection p span{color: #EB6100;}
.aboutSection a:hover{ transform:translate(5px,-5px); box-shadow:-5px 5px 15px rgba(0,0,0,.3);}
.videoSection{ background:#f3f3f3;}
.videoSection .container{ padding:120px 0; background:url(../images/bigwords.png) no-repeat 0 38px;}
.video{ position:relative; width:1200px; height:351px; overflow:hidden;background: url(../images/snsw_1.jpg) no-repeat;background-position: center center;}
.chanpin_title{width: 245px;height: 180px;float: left;margin: 97px 0 0 26px;}
.chanpin_title h5{font-size: 19px;color: #ffffff;font-weight: normal;line-height: 1;}
.chanpin_title h3{font-size: 58px;color: #ffffff;font-weight: normal;line-height: 1;margin: 20px 0;}
.chanpin_title h4{font-size: 26px;color: #ffffff;font-weight: normal;line-height: 1;}
.chanpin_ul{width: 910px;height: auto;float: left;margin-top: 100px;}
.chanpin_li{float: left;width: 25%;height: auto;}
.chanpin_li img{display: block;width: 216px;height: 157px;margin: 0 auto;border: 1px solid #cccccc;}
.chanpin_li:hover img{border: 1px solid #000000;}
.chanpin_li span{display: block;text-align: center;font-size: 20px;color: #ffffff;line-height: 50px;text-align: center;}
.chanpin_li:hover span{color: #EB6100;}
.video>a{position: absolute;top: 20px;right: 15px;font-size: 18px;color: #ffffff;}
.video>a:hover{position: absolute;top: 20px;right: 15px;font-size: 18px;color: #eb6100;}
.video .tempWrap{margin-top: 100px;}

.newsSec{ padding:88px 0;}
.newsTit{ margin-bottom:45px;}
.newsTit h3 a{ color:#26221f; font-size:24px;}
.newsSwi a{ display:block; float:left; margin-left:50px; width:89px; height:34px; line-height:34px; font-size:15px; color:#26221f; border:1px solid #FFF; text-align:center;width:auto;padding:0 5px;}
.newsSwi a.hover{ color:#2958a7; border-color:#2958a7;}
.newsTab{ position:relative; overflow:hidden;}
.newsTab li{ display:none; width:1251px;}
.newsTab li.hover{ display:block;}
.newsTab a{ float:left; margin-right:51px; display:block; width:366px; height:450px; border-bottom:1px solid #e3e3e3;}
.newsTab .imgbox,.newsTab img{ width:366px; height:268px;}
.newsTab h4{ line-height:76px; color:#232323; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsTab p{ color:#7f7f7f; line-height:2; font-size:12px;}
.newsTab a:hover{ border-color:#2A4F8D;}
.btn1{ position:relative; display:block; padding-bottom:19px; width:158px; text-align:left; font-size:12px; font-weight:bold; background:url(../images/icon9.png) no-repeat right 6px; overflow:hidden;}
.box1 abbr{ margin:150px auto 0;}
.btn1:after,.btn1:before{ content:" "; display:block; position:absolute; bottom:0; width:100%; height:4px; background:#FFF;}
.btn1:after{ left:0;}
.btn1:before{ left:-200%;}
.btn1:hover:after,.btn1:hover:before{ transform:translateX(200%);}
.img1{ position:absolute; right:0; bottom:0; overflow:hidden;}
.img1 img{ min-height:100%; min-width:100%;}
.img1:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.img1 abbr{ position:absolute; bottom:47px; left:50%; width:186px; margin-left:-96px; height:32px; line-height:32px; font-size:18px; font-weight:bold; text-indent:16px; background:url(../images/icon9.png) no-repeat 147px center; border:3px solid #FFF; text-align:left;}
.newsNav{ margin-bottom:138px; text-align:center;}
.newsNav a{ position:relative; display:inline-block; margin:0 40px; font-size:14px; color:#232323; overflow:hidden;}
.newsNav a.hover{ color:#00979c;}
.newsNav a:before{content:"/ "}
.newsNav a:after{content:" /"}
.newsNav a:before,.newsNav a:after{ position:relative; top:50px;}
.newsNav a.hover:before,.newsNav a.hover:after{ top:0;}
.hideMenu .btns{ display:none;}
.hideLogo h1{ display:none;}
.tendering:after{ position:absolute; right:0; top:0; content:" "; display:block; width:99px; height:74px; background:url(../images/icon20.png);}
.tendered:after{ position:absolute; right:0; top:0; content:" "; display:block; width:99px; height:74px; background:url(../images/icon21.png);}
.newsList{ position:relative; left:0%; padding:0 12px;}
.newsList li{ float:left; position:relative; margin:0 30px; width:408px; height:386px;}
.newsList a{ position:absolute; left:0; top:0; display:block; padding:70px 36px 0; height:306px; width:325px; border:5px solid #DDD;}
.newsList h4{ padding-bottom:0; margin-bottom:20px; font-size:18px; color:#232323; border-bottom:1px solid #FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsList p{ font-size:12px; color:#7f7f7f; line-height:2;}
.newsList abbr{ display:block; width:168px; height:34px; margin-top:50px; font-size:12px; color:#7f7f7f; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background:url(../images/icon9.png) no-repeat 126px center #FFF; line-height:34px;}
.newsList li.active a{ transform:scale(1.1); -webkit-transform:scale(1.1); top:-20px; left:-20px; padding:90px 56px 20px; border:12px solid #00979c;}
.newsList li.active h4{ padding-bottom:32px; border-color:#232323;}
.newsList img{ float:left;}
.newsList img{ margin-right:17px; width:86px; height:63px;}
.newsList p{ width:325px;}
.newsList li.active abbr{ text-indent:16px; color:#FFF; background-color:#3ba6b7;}
.newsList li.active abbr span{ display:none;}
.newsList li.active p{ color:#232323;}
.mapList{ height:50%;}
.mapList li,.mapList img{ height:100%;}
.mapSelector{ position:absolute; left:0; top:0; width:460px; height:50%; z-index:4;}
.mapSelector a{ display:block; height:50%; width:100%; background:#FFF; overflow:hidden;}
.mapSelector a.active{ background:#00979c;}
.mapSelector div{ position:relative; top:50%; margin-top:-73px; padding-left:50px;}
.mapSelector h4{ position:relative; margin-bottom:14px; padding-bottom:18px; font-size:18px; color:#00979c; font-weight:bold;}
.mapSelector h4:after{ position:absolute; left:0; bottom:0; content:" "; width:1em; height:2px; background:#00979c;}
.mapSelector a.active h4{ color:#FFF;}
.mapSelector a.active h4:after{ background:#FFF;}
.mapSelector p{ font-size:14px; color:#424242;}
.mapSelector a.active p{ color:#FFF;}
.mapSelector span{ display:block; height:30px; line-height:30px; padding:0 30px 0 25px;}
.icon14{ background:url(../images/icon22.png) no-repeat 0 center;}
.active .icon14{ background-image:url(../images/icon14.png);}
.icon15{ background:url(../images/icon15.png) no-repeat 0 center;}
.icon16{ background:url(../images/icon23.png) no-repeat 0 center;}
.active .icon16{ background-image:url(../images/icon16.png);}
.icon17{ background:url(../images/icon24.png) no-repeat 0 center;}
.active .icon17{ background-image:url(../images/icon17.png);}
footer{ position:relative; background:#2c2c2c; overflow:hidden;}
.footerCont{ position:relative; padding:50px 50px 25px;}
.contact{ width:430px; float:left;}
.contact img{ float:left;}
.contact1 li{ padding:25px 0; border-bottom:1px solid #d9d9d9;}
.contact1 li:last-child{ border:0;}
.contact1 .txtbox{ position:relative; width:590px; height:auto;}
.contact1 h4{ display:inline-block; margin-bottom:27px; padding:5px 0 24px; font-size:24px; color:#00979c; border-bottom:2px solid #00979c;}

.contact1 .mapbox{ position:relative; width:600px; height:503px; border:1px solid #d9d9d9; overflow:hidden;margin:0px auto 0;}
.btn2{ position:absolute; left:0; bottom:0; display:block; padding-left:66px; width:100px; height:53px; line-height:53px; background:url(../images/icon49.png) no-repeat 30px center #00979c; font-size:18px; color:#FFF;}
.en .btn2{ width:185px;}
.copyright{ float:right; width:255px; font-size:12px; color:#7d7d7d;}
.copyright a{ color:#7d7d7d;}
.copyright p{ margin-bottom:18px;}
.shareBtns{ padding:8px 0; margin-bottom:18px;}
.shareBtns a,.bdsharebuttonbox.shareBtns a{ display:block; float:left; margin-right:12px; width:24px; height:24px; background-image:url(../images/icon12.png);    padding-left: 0;}
.shareBtns a:hover{ transform:rotateX(360deg); -webkit-transform:rotateX(360deg);}
.s1,.bdsharebuttonbox.shareBtns a.s1{ background-position:0 -0;}
.s2,.bdsharebuttonbox.shareBtns a.s2{ background-position:0 -24px;}
.s3,.bdsharebuttonbox.shareBtns a.s3{ background-position:0 -48px;}


.backTop{ position:absolute; top:50px; right:50px; width:56px; height:56px; background:url(../images/icon13.png) no-repeat center #2958a7; opacity:.8;}
.backTop:hover{ opacity:1;}
.footNav{ float:left; margin-left:20px;}
.footNav dl{ float:left; margin-right:100px;}
.footNav dt{ margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #474747;text-align: center;}
.footNav dt a{ color:#bebebe;}
.footNav dd a{ display:block; line-height:2; font-size:14px; color:#7d7d7d;text-align: center;}
.footNav dd a:hover{color: #2958a7;}
/* Animation */
@-webkit-keyframes fromScale105 {
	from{ -webkit-transform: scale3d(1.05,1.05,1.05);}
}
@keyframes fromScale105 {
	from{ transform: scale3d(1.05,1.05,1.05);}
}
.fromScale105{
	animation: fromScale105 5s ease both;
	-webkit-animation: fromScale105 5s ease both;
}
@-webkit-keyframes fromScale105Fade {
	from{ -webkit-transform: scale3d(1.05,1.05,1.05); opacity:0;}
}
@keyframes fromScale105Fade {
	from{ transform: scale3d(1.05,1.05,1.05); opacity:0;}
}
.fromScale105Fade{
	animation: fromScale105Fade 5s ease both;
	-webkit-animation: fromScale105Fade 5s ease both;
}
@-webkit-keyframes breathing {
	0%,100%{ -webkit-transform: scale3d(1,1,1);}
	50%{ -webkit-transform: scale3d(1.05,1.05,1.05);}
}
@keyframes breathing {
	0%,100%{ transform: scale(1);}
	50%{ transform: scale3d(1.05,1.05,1.05);}
}
.breathing{
	animation: breathing 10s ease both infinite;
	-webkit-animation: breathing 10s ease both infinite;
}
.delayItem a:nth-child(2),.delay0s1,.aboutSection li:nth-child(2) a{ animation-delay:.1s; -webkit-animation-delay:.1s;}
.delayItem a:nth-child(3),.delay0s2,.aboutSection li:nth-child(3) a{ animation-delay:.2s; -webkit-animation-delay:.2s;}
.delayItem a:nth-child(4),.delay0s3{ animation-delay:.3s; -webkit-animation-delay:.3s;}
.delayItem a:nth-child(5),.delay0s4{ animation-delay:.4s; -webkit-animation-delay:.4s;}
.delayItem a:nth-child(6),.delay0s5{ animation-delay:.5s; -webkit-animation-delay:.5s;}
.delay1s{ animation-delay:1s; -webkit-animation-delay:1s;}
.delay1s5{ animation-delay:1.5s; -webkit-animation-delay:1.5s;}
@media screen and (max-width: 1850px){
	.footNav dl{ margin-right:100px}
	}
@media screen and (max-width: 1550px){
	.footNav dl{ margin-right:50px}
	.footNav {
    float: left;
    margin-left: 0px;}
	}
.inner{ overflow:auto;}
.wrap{ position:relative; overflow:hidden;}
.inner header{  left:0; top:0; width:100%; height:92px; background:rgba(0,0,0,.05);/*background:#fff;*/ z-index:1;}
.inner h1{ height:92px;}
.navTitle{ position:absolute; right:228px; top:0; line-height:92px;}
.navTitle a{ display:block; text-align:center; float:left; width:100px; color:#FFF;color:#333;}
.navTitle a.hover,.navTitle a:hover{ background:#00428c;color:#fff;}
.ibtns{ padding:0 25px; position:absolute; top:0; right:0; height:92px; background:#00428c;}
.inner .btns{ position:relative; top:30px; right:0;}
.ibanner{ position:relative; overflow:hidden;}
.ibanner img{ display:block; width:100%;}
.ib{ position:absolute; left:0; top:0; display:block; width:100%; height:690px;}
.ib1{ background:url(../images/ibanner1.jpg) no-repeat center bottom; background-size:cover;}
.ib2{ background:url(../images/ibanner2.jpg) no-repeat center bottom; background-size:cover;}
.ib3{ background:url(../images/ibanner3.jpg) no-repeat center bottom; background-size:cover;}
.ib4{ background:url(../images/ibanner4.jpg) no-repeat center bottom; background-size:cover;}
.ib5{ background:url(../images/ibanner5.jpg) no-repeat center bottom; background-size:cover;}
.ib6{ background:url(../images/ibanner6.jpg) no-repeat center bottom; background-size:cover;}
.ibanner .txtbox{ position:absolute; left:0; top:50%; margin-top:-37px; width:100%; color:#FFF; text-align:center;}
.ibanner h3{ margin-bottom:10px; font-size:30px;}
.ibanner p{ position:relative; display:inline-block; width:104px; font-size:18px;}
.ibanner p:before,.ibanner p:after{ content:" "; display:block; width:70px; height:1px; background: #FFF; position:absolute; top:50%;}
.ibanner p:before{ left:-70px;}
.ibanner p:after{ right:-70px;}
.iContent{ position:relative; background:#FFF; z-index:2;}
.markNav{ position:absolute; left:0; top:0; width:100%; height:auto; background:#00428c; line-height:64px; text-align:center; z-index:6;}
.markNav a{width:auto; height:64px; color:#FFF;padding: 22px 10px;}
.en .markNav a{ width:170px;}
.markNav a{
	animation: fadeInRight .6s ease both;
	-webkit-animation: fadeInRight .6s ease both;
	}
.markNav a.hover,.markNav a:hover{ background:#126fd6;}
.markNavBlock{ height:64px;}
.markMove{ position:fixed;}
.cybox img{ position:absolute; right:0; top:0; display:block; min-width:50%;}
.cybox li{ position:relative; height:400px; overflow:hidden;}
.cybox li:hover img{ transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1);}
.cybox a{ position:absolute; left:0; top:0; display:block; width:50%; height:100%; background:#FFF; z-index:1;}
.cytxt{ padding-top:62px; width:675px; margin:0 auto;}
.cytxt h4{ margin-bottom:26px; color:#00979c; font-size:36px;}
.cytxt p{ line-height:1.8; color:#7f7f7f; font-size:14px;text-indent: 28px;}
.cytxt abbr{ margin-top:64px; color:#00979c; background-image:url(../images/icon25.png);}
.cybox li.cyr img{ left:0; right:auto;}
.cybox li.cyr a{ right:0; left:auto;}
.cybtn:after,.cybtn:before{ background:#00979c;}
.cybox a:hover{ background:#00979c;}
.cybox a:hover h4,.cybox a:hover p,.cybox a:hover p{ color:#FFF;}
.cybox a:hover abbr{ background-image:url(../images/icon9.png); color:#FFF;}
.cybox a:hover .cybtn:after,.cybox a:hover .cybtn:before{ background:#FFF;}
.objInfo{ background:#FFF; border-bottom:1px solid #dedede;}
.objList{ background:#efefef;}
.container{ width:1200px; margin:0 auto;min-height: 200px;}
.objInfo .container{ padding:60px 0;}
.objInfo h4{ margin-bottom:40px; font-size:24px; color:#00979c;}
.objInfo p{ font-size:12px; color:#7f7f7f; line-height:2;}
.objCTact{ margin:32px 0 53px; font-size:12px; color:#919191;}
.objCTact span{ display:block; height:20px; line-height:20px; padding-left:26px;}
.icon22{ float:left; width:254px;width:150px; background:url(../images/icon22.png) no-repeat 1px center;}
.icon26{ float:left; width:254px;width:150px; background:url(../images/icon26.png) no-repeat 1px center;}
.icon23{ float:left; width:254px;width:150px; background:url(../images/icon23.png) no-repeat 1px center;}
.icon24{ float:left; background:url(../images/icon24.png) no-repeat 1px center;}

.obj_in{ padding-top:75px; height:375px; text-align:center; background:url(../images/oi.jpg) no-repeat center;}
.obj_in p{ font-size:12px; line-height:2; color:#7f7f7f;}
.oiTitle{ margin-bottom:30px;}
.oiTitle h3{ font-size:36px; color:#00979c; font-weight:bold; text-transform:uppercase;}
.oiTitle h4{ font-size:24px; color:#323232;}
.oiTitle:after{ content:" "; display:inline-block; width:23px; height:3px; background:#00979c;}

.containerRight{width:285px;float:right;text-align:center;    margin-top: 70px;}
.containerRight h3{ height:52px; line-height:52px; background:#efefef; color:#1e1e1e; font-size:18px;}
.objList{display:none;}
.containerLeft{width:870px;float:left;}
.containerRight img{ display:block; width:100%;}

.objbtns a{ display:block; position:relative; float:left; width:166px; height:53px; line-height:53px; background:#00979c; color:#FFF; text-indent:28px; font-size:18px;}
/*.linkBtn{ margin-left:14px;}*/
.objsbtn:after,.linkBtn:after{ content:" "; display:block; position:absolute; left:116px;}
.objsbtn:after{ top:50%; margin-top:-3.5px; width:24px; height:7px; background:url(../images/icon9.png);}
.linkBtn:after{ top:50%; margin-top:-9px; width:17px; height:18px; background:url(../images/icon27.png);}
.objsbtn:hover:after{ transform:translateX(10px); -webkit-transform:translateX(10px);}
.linkBtn:hover:after{ transform:rotate(135deg);}
.objList{ position:relative; display:none; overflow:hidden;}
.objList .container{ padding:65px 0;}
.objList li{ margin-right:20px; width:285px;}
.objList img,.objList .imgbox{ width:285px; height:209px;}
.objList .cover{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/icon28.png) no-repeat center rgba(0,151,156,.72); opacity:0; transform:scale3d(2,2,2); -webkit-transform:scale3d(2,2,2);}
.objList a:hover .cover{ opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
.objList h4{ color:#1e1e1e; font-size:18px; line-height:52px; background:#FFF; text-align:center;}
.objList .imgListCont{ margin-bottom:28px;}
.objList .imgListBtn{ position:static; height:35px;}
.objList .imgListBtn a{ position:static; display:block; padding:0 23px; width:544px; height:35px; line-height:35px; color:#FFF; font-family:SimHei; font-weight:bold; font-size:20px; background:#00979c;}
.objList .imgListBtn .btn:active{ transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
.objList .imgListBtn a.prev{ float:left; text-align:right;}
.objList .imgListBtn a.next{ float:right;}
.objList .imgListBtn a.prev:after{ content:"<";}
.objList .imgListBtn a.next:after{ content:">";}
.proCont{ padding:50px 0 100px;}
.title2{ margin:37px 0; border-left:4px solid #00979c; padding-left:7px; line-height:25px; font-size:24px; color:#232323;}
.proImgView{ position:relative; width:600px; height:440px;}
.proImgView img{ height:440px;}
.proImgView dl{ position:absolute; right:13px; bottom:13px;}
.proImgView dd{ float:left; margin-right:7px; width:11px; height:11px; background:#FFF; border-radius:50%;}
.proImgView dd.hover{ background:#06999e;}
.proInfobox{ position:relative; height:440px; width:555px;}
.proInfobox h4{ margin-bottom:14px; font-size:24px; color:#00979c;}
.proCont p,.proCont pre,.title3 p{ line-height:2; font-size:14px; color:#7f7f7f;}
.telNo{ position: relative;    margin-top: 10px;display: block; left:0; bottom:0; width:281px; height:53px; line-height:53px; text-align:center; border:1px solid #00979c; color:#00979c; font-size:24px; background:url(../images/icon29.png) no-repeat 18px center;}
.prdDetail{ padding:40px 0 50px; border-bottom:1px solid #dedede;}
.prdDetail h4{ font-size:18px; color:#232323;}
.promap{ margin-top:16px; width:100%; height:405px;}
.promap img{ width:100%;}
.proImgList{ position:relative; padding:50px 0; width:918px; margin:0 auto;}
.proImgList ul{ position:relative; width:99999px;}
.proImgList li{ float:left; padding:10px; margin:0 10px; background:#FFF; box-shadow:0 0 10px rgba(33,33,33,.5);}
.proImgList li.hover{ position:relative; z-index:2; transform:scale3d(2,2,2); -webkit-transform:scale3d(2,2,2);}
.proImgList img{ width:286px; height:210px;}
.proImgList h4{ height:52px; line-height:52px; text-align:center; font-size:18px; color:#1e1e1e;}
.ideas{ padding:80px 0 36px;}
.jtjs,.honor,.history{ padding-top:90px;}
.title3{ text-align:center;}
.title3 h3{ margin-bottom:10px; font-size:30px; color:#2c2c2c;}
.jt_video{ position:relative; width:1200px; overflow:hidden;}
.jt_video a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/icon10.png) no-repeat center; opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
.jt_video a:hover{ opacity:.5; transform:scale3d(2,2,2); -webkit-transform:scale3d(2,2,2);}
.introduce{ margin:80px 0;}
.introSw{ position:relative; float:left; width:50%; height:540px; background-size:cover;}
.introSw div{ position:absolute; right:0; top:0; height:100%; background:#e8eef9; background:rgba(255,255,255,.87); width:146px;}
.introSw a{ position:relative; display:block; height:20%; line-height:108px; padding-left:75px; color:#000; font-size:18px; background-image:url(../images/icon50.png); background-repeat:no-repeat;}
.introSw a.hover{ background-color:#1ea2a8; color:#FFF; background-image:url(../images/icon51.png);}
.introSw a.hover:after{ content:" "; position:absolute; right:-15px; top:46px; display:block; width:12px; height:15px; background:url(../images/icon52.png);}
.itd1{ background-position:38px 42px;}
.itd2{ background-position:38px -66px;}
.itd3{ background-position:38px -174px;}
.itd4{ background-position:38px -282px;}
.itd5{ background-position:38px -390px;}
.introduceList .txtbox{ float:right; width:50%;}
.introduceList .txt{ display:none; padding:58px;}
.introduceList .txt.hover{ display:block;}
.introduceList .txtbox p{ font-size:12px; color:#7f7f7f; line-height:2;}
.introduceList .txtbox b{ color:#00979c;}
.honorList{ margin-top:50px; overflow:auto;}
.honor ul{ width:99999px;}
.honor li{ float:left; width:20vw; background:#f6f6f6;}
.honor li:nth-child(even){ background:#e8e8e8;}
.honor li div{ position:relative; padding:28px 17px 17px;}
.honor li div:before{ content:" "; display:block; width:22px; height:2px; background:#7f7f7f;}
.honor li h4{ line-height:50px; color:#7f7f7f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honor li img{ width:100%; height:223px;}
.history{ position:relative; padding-bottom:167px;}
.historyList{ margin:60px 0 38px;; border-top:1px solid #e8e8e8;}
.historyList .year,.historyList .txt{ width:50%;}
.historyList li{ position:relative; border-bottom:1px solid #e8e8e8;}
.historyList .year{ float:left; text-align:right;}
.historyList li:nth-child(even) .year{ float:right; text-align:left;}
.historyList li:before{ content:" "; display:block; width:1px; height:100%; position:absolute; left:50%; top:0; background:#e8e8e8;}
.historyList .txt{ float:right;}
.historyList li:nth-child(even) .txt{ float:left; text-align:right;}
.historyList h4,.historyList article{ padding:50px;}
.historyList h4{ font-size:36px; color:#00979c;}
.historyList article{ color:#7f7f7f; font-size:12px; line-height:2;}
.historyList span{ color:#00979c;}
.historyList li:hover{ background:#00979c;}
.historyList li:hover *{ color:#FFF;}
.historyList li:hover:before{ background:#00979c;}
.loadMore{ display:block; margin:0 auto; width:117px; height:44px; line-height:44px; text-align:center; font-size:14px; color:#7f7f7f; border:1px solid #e8e8e8;}
.image2{ position:absolute; left:0px; bottom:122px; width:100%; height:129px; background:url(../images/image2.png) no-repeat center; z-index:-1;}
.newsCenter{ padding:65px 0 88px;}
.newsSelect{ margin-bottom:56px; border-bottom:2px solid #f8f8f8;}
.newsSelect a{ position:relative; top:1px; display:inline-block; margin-right:32px; padding:0 8px; height:36px; line-height:36px; color:#7f7f7f;}
.newsSelect a.hover{ color:#2958a7; border-bottom:2px solid #2958a7;}
.newsCover{ position:relative; width:100%; overflow:hidden;}
.newsSwitch{ position:relative; left:0%; width:200%;}
.newsSwitch li{ float:left; width:50%;}
.newsSwitch .imgbox{ float:left;}
.newsSwitch img,.newsSwitch .imgbox{ width:598px; height:438px;}
.newsSwitch img{ position:absolute; left:50%; margin-left:-299px;}
.newsSwitch dl{ float:right; width:580px;}
.newsSwitch dd{ margin-bottom:25px; padding-bottom:18px; border-bottom:1px solid #dedede;}
.newsSwitch h4{ margin-bottom:10px; font-size:18px; color:#232323; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsSwitch p,.iNewsList p{ position:relative; height:48px; overflow:hidden; font-size:14px; color:#7f7f7f; line-height:2;}
.newsSwitch abbr{ display:block; margin-top:14px; font-size:12px; color:#7f7f7f; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.newsSwitch a:hover h4,.newsSwitch a:hover abbr{ color:#00428c;}
.newsSection{ position:relative;    z-index: 10; padding:25px 0 60px; background:#f5f5f5; overflow:hidden;}
.iNewsList{ width:1236px;}
.iNewsList li{ float:left; margin:0 36px 36px 0;}
.iNewsList a{ display:block; padding:33px; width:310px; background:#FFF;}
.iNewsList img{ width:310px; height:227px;}
.iNewsList h4{ margin-bottom:16px; position:relative; height:48px; overflow:hidden; font-size:18px; color:#232323;}
.iNewsList abbr{ display:block; margin-top:35px; font-size:12px; color:#7f7f7f; width:182px; background:url(../images/icon9.png) no-repeat right;}
.iNewsList a:hover{ background:#00428c;}
.iNewsList a:hover h4,.iNewsList a:hover p,.iNewsList a:hover abbr{ color:#FFF;}
.loadMoreData1{ position:relative; display:block; height:90px; line-height:90px; text-align:center; font-size:18px; text-indent:20px; color:#7f7f7f; background:#e4e4e4;}
.loadMoreData1 img{    vertical-align: middle;margin-left:2px;}
.loadMoreData1:hover{ opacity:.9;}
.loadMoreData1:after{ content:" "; position:absolute; left:50%; top:36px; margin-left:-65px; display:block; width:28px; height:18px; background:url(../images/icon31.png);}
.kooNav{ margin-top:36px;}
.kooNav a{ position:relative; float:left; display:block; height:148px; width:398px; text-align:center; border:1px solid #e6e6e6;}
.kooTxt,.kooTxt2{ padding-top:80px; width:398px; height:68px;}
.kooNav h4{ margin-bottom:5px; font-size:24px;}
.kooTxt h4{ color:#00979c;}
.kooNav p{ font-size:12px; text-transform:uppercase;}
.kooTxt p{ color:#7f7f7f;}
.kooTxt2 h4,.kooTxt2 p{ color:#FFF;}
.kooTxt2{ position:absolute; left:0; bottom:0;}
.kooCover{ position:absolute; left:0; bottom:0; width:100%; height:0%; border-radius:0; overflow:hidden;}
.kooNav a.hover .kooCover{ height:100%;}
.icon32{ background:url(../images/icon32.png) no-repeat center 22px;}
.icon33{ background:url(../images/icon33.png) no-repeat center 22px #00979c;}
.icon34{ background:url(../images/icon34.png) no-repeat center 22px;}
.icon35{ background:url(../images/icon35.png) no-repeat center 22px #00979c;}
.icon36{ background:url(../images/icon36.png) no-repeat center 22px;}
.icon37{ background:url(../images/icon37.png) no-repeat center 22px #00979c;}
.icon38{ background:url(../images/icon38.png) no-repeat center 22px;}
.icon39{ background:url(../images/icon39.png) no-repeat center 22px #00979c;}
.kooTList{ position:relative; top:-1px; border:1px solid #e6e6e6;}
.kooTList li{ display:none; padding:42px 60px 0; height:200px;}
.kooTList li.hover{ display:block;}
.kooTList h4{ margin-bottom:18px; color:#2d2d2d;}
.kooTList p{ font-size:14px; color:#7f7f7f; line-height:1.8;}
@-webkit-keyframes iFadeIn {
	from{ -webkit-transform:translateX(50%); opacity:0;}
}
@keyframes iFadeIn {
	from{ transform:translateX(50%); opacity:0;}
}
.kooTList h4,.kooTList p,.newsTab a{
	animation: iFadeIn .6s ease both;
	-webkit-animation: iFadeIn .6s ease both;
	}
.kooTList p:nth-child(1),.magazinesList li:nth-child(2) a,.articleList li:nth-child(n+2) .cont{ animation-delay:.1s; -webkit-animation-delay:.1s;}
.kooTList p:nth-child(2),.magazinesList li:nth-child(3) a,.articleList li:nth-child(n+3) .cont{ animation-delay:.2s; -webkit-animation-delay:.2s;}
.kooTList p:nth-child(3),.magazinesList li:nth-child(4) a,.articleList li:nth-child(n+4) .cont{ animation-delay:.3s; -webkit-animation-delay:.3s;}
.magazinesList li:nth-child(5) a{ animation-delay:.4s; -webkit-animation-delay:.4s;}
.magazinesList li:nth-child(6) a{ animation-delay:.5s; -webkit-animation-delay:.5s;}
.magazinesList li:nth-child(7) a{ animation-delay:.6s; -webkit-animation-delay:.6s;}
#ygfc{ padding-top:64px;}
.articleList li{ float:left; width:25%;width:16.66%; background:#f1f1f1;}
.articleList .cont{ position:relative; height:36vw;height:30vw;}
.articleList .imgbox{ position:absolute; left:0; top:0; width:100%; height:18vw;height:15vw;}
.articleList img{ position:relative; display:block; width:100%; height:100%;}
.articleList .txtbox{ position:absolute; left:0; bottom:0; height:18vw;height:15vw;}
.articleList .txtbox a{ position:relative; display:block; padding:30px;}
.articleList abbr{ position:absolute; left:30px; bottom:30px; font-size:12px; color:#7f7f7f;}
.articleList abbr span{ display:inline-block; padding-left:24px; margin-right:24px;}
.articleList h4{ margin-bottom:28px; color:#232323;}
.articleList p{ line-height:2; font-size:12px; color:#7f7f7f;font-size:14px;}
.articleList li:nth-child(even) .imgbox{ top:auto; bottom:0;}
.articleList li:nth-child(even) .txtbox{ top:0; bottom:auto;}
.articleList li:hover{ background:#00979c;}
.articleList li:hover h4,.articleList li:hover p,.articleList li:hover abbr{ color:#FFF;}
.articleList i{ position:absolute; background:#00979c; display:none;}
.bl{ left:0; top:0; width:6px; height:100%;}
.br{ right:0; top:0; width:6px; height:100%;}
.bt{ right:0; top:0; width:100%; height:6px;}
.bb{ right:0; bottom:0; width:100%; height:6px;}
.articleList li:hover i{ display:block;}
._fx,._zan{ cursor:pointer;}
._fx{ background:url(../images/icon40.png) no-repeat 0 center;}
._zan{ background:url(../images/icon42.png) no-repeat 0 center;}
.articleList li:hover ._fx{ background-image:url(../images/icon41.png);}
.articleList li:hover ._zan{ background-image:url(../images/icon43.png);}
.lmd2{ background:#00979c; color:#FFF;}
.lmd2:after{ background-image:url(../images/icon44.png);}
.magazines{ padding-top:85px; height:725px; background:url(../images/img9.jpg) no-repeat center bottom; background-size:auto 100%; background-attachment:fixed;}
.magazines h3{ margin-bottom:50px; font-size:30px; text-align:center; color:#FFF;}
.magazinesList{ width:96vw; margin:0 auto;}
.magazinesList ul{ margin-bottom:1vw; width:99999px;}
.magazinesList li{ float:left; width:15vw; margin:0 0.5vw;}
.magazinesList a{ display:block;}
.magazinesList img{ display:block; width:100%;}
.magazinesList h4{ height:75px; line-height:75px; background:#FFF; text-align:center; font-size:18px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.magazines .imgListBtn{ position:relative; width:95vw; margin:0 auto;}
.magazines .imgListBtn a{ height:35px; width:47vw; background:#00979c; font:bold 20px/35px SimHei; color:#FFF;}
.magazines .imgListBtn .prev{ left:0; text-align:right;}
.magazines .imgListBtn .next{ right:0;}
.magazines .imgListBtn .prev:after{ content:"<"; position:relative; left:-23px;}
.magazines .imgListBtn .next:after{ content:">"; position:relative; left:23px;}
.magazines .imgListBtn .prev:active:after{ left:-46px;}
.magazines .imgListBtn .next:active:after{ left:46px;}
.employment{ padding:90px 0 80px; background:#f6f6f6;}
.employment h3,.recruit h3{ margin-bottom:30px; font-size:30px; color:#2c2c2c; text-align:center;}
.employment img{ margin-bottom:32px;}
.employment p{  line-height:1.8; font-size:14px; color:#7f7f7f;}
.recruit{ padding:75px 0 110px;}
.recruitList dl{ margin-bottom:2px;}
.recruitList dt{ position:relative; padding-left:20px; height:50px; line-height:50px; background:#dfe3e7; font-size:14px; color:#333; cursor:pointer;}
.recruitList dt.slide{ background:#2958a7; color:#FFF;}
.recruitList .num{ display:inline-block; width:60px;}
.recruitList dt:after{ content:" "; position:absolute; right:34px; top:16px; display:block; width:18px; height:18px; background:url(../images/icon45.png) no-repeat center;}
.recruitList dt.slide:after{ background-image:url(../images/icon46.png);}
.recruitList dd{ display:none; border:1px solid #e0e4e8; font-size:14px; color:#7f7f7f; line-height:2;}
.recruitList dd div p{margin-bottom: 10px;}
.recruitList dd div p b{color: #000000;}
.recruitList dd div{ position:relative; padding:33px 20px 100px;}
.applyJob{ position:absolute; left:20px; bottom:37px; display:block; width:102px; height:33px; line-height:33px; text-align:center; font-size:12px; color:#FFF; background:#00979c; border-radius:4px;}
.newsDetail{ padding:25px 0 135px;}
.newsTitle{ margin-bottom:5px; text-align:center;}
.newsTitle h3{ margin-bottom:10px; font-size:24px; color:#232323;}
.newsDetail p{ font-size:16px; color:#7f7f7f; line-height:1.8;}
.newsDetail img{ max-width:100%;}
.newsBtns{ position:relative; height:90px; line-height:90px; text-align:center; background:#e4e4e4}
.newsBtns a{ font-size:18px; color:#7f7f7f;}
.backList{ padding-left:30px; background:url(../images/icon47.png) no-repeat 0 center;}
.newsBtns a:hover{ opacity:.8;}
.imgViewerTitle{ margin-bottom:60px;}
.imgViewerTitle h3{ margin-bottom:30px; text-align:center; font-size:24px; color:#232323;}
.titinfos{ width:960px; margin:0 auto;}
.imgViewer{ width:960px; margin:0 auto;}
.imgViewer1{ position:relative; margin-bottom:18px;}
.imgViewer1 .imgViewCont img,.imgViewer1 .imgViewCont{ width:960px; height:700px;}
.imgViewer1 .imgViewBtn{ top:50%; margin-top:-36px;}
.imgViewer1 .imgViewBtn a{width:72px; height:72px;}
.imgViewer .prev{ background:url(../images/prev.png) no-repeat center rgba(0,0,0,.3);}
.imgViewer .next{ right:0; background:url(../images/next.png) no-repeat center rgba(0,0,0,.3);}
.imgViewer1 .imgViewBtn a:hover,.imgViewer2 .imgListBtn a:hover{ background-color:rgba(59,166,183,.8);}
.imgViewer2{ margin-bottom:32px;}
.imgViewer2 li,.imgViewer2 img{ width:145px; height:106px;}
.imgViewer2 li{ position:relative; margin-right:18px; cursor:pointer; overflow:hidden;}
.imgViewer2 li:after{ content:" "; display:block; position:absolute; left:0; top:0; border:3px solid #3ba6b7; width:139px; height:100px; transform:scale3d(1.1,1.1,1.1);}
.imgViewer2 li.hover:after{ transform:scale3d(1,1,1);}
.imgViewer2 .imgListBtn{ top:50%; margin-top:-18px; z-index:4;}
.imgViewer2 .imgListBtn a{width:35px; height:35px; background-size:9px auto;}
.alertDiv{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9;}
.close{ position:absolute; top:43px; right:50px; display:block; width:51px; height:51px; background:url(../images/icon48.png); z-index:3;}
.magazinesAlert ul,.magazinesAlert li{ width:100%; height:100%;}
.magazinesAlert li{ position:relative; text-align:center;}
.bookl,.bookr{ position:absolute; top:0; height:100%; width:50%; overflow:hidden;}
.bookl{ left:0;}
.bookr{ right:0;}
.bookr img{ position:absolute; right:0; top:0;}
.bookCont{ position:relative; display:inline-block; height:100%; width:100%; background:#FFF;}
.magazinesAlert img{ display:inline-block; width:auto; height:100%;}
.magazinesAlert .imgViewCont li.current{ z-index:2;}
.magazinesAlert .imgViewCont li.animating{ z-index:1;}
@-webkit-keyframes bookRightToLeft {
	to{ -webkit-transform:rotateY(-180deg);}
}
@keyframes bookRightToLeft {
	to{ transform:rotateY(-180deg);}
}
.bookRightToLeft .bookr{
	transform-origin:left;
	animation: bookRightToLeft .6s ease both;
	-webkit-animation: bookRightToLeft .6s ease both;
	}
@-webkit-keyframes bookLeftToRight {
	to{ -webkit-transform:rotateY(180deg);}
}
@keyframes bookLeftToRight {
	to{ transform:rotateY(180deg);}
}
.bookLeftToRight .bookl{
	transform-origin:right;
	animation: bookLeftToRight .6s ease both;
	-webkit-animation: bookLeftToRight .6s ease both;
	}
@-webkit-keyframes myFadeOut {
	to{ opacity:0;}
}
@keyframes myFadeOut {
	to{ opacity:0;}
}
.bookRightToLeft,.bookLeftToRight{
	animation: myFadeOut .6s ease both;
	-webkit-animation: myFadeOut .6s ease both;
	}
@-webkit-keyframes bookLeftFromRight {
	from{ -webkit-transform:rotateY(180deg);}
}
@keyframes bookLeftFromRight {
	from{ transform:rotateY(180deg);}
}
.bookLeftFromRight .bookl{
	transform-origin:right;
	animation: bookLeftFromRight .6s ease both;
	-webkit-animation: bookLeftFromRight .6s ease both;
	}
@-webkit-keyframes bookRightFromLeft {
	from{ -webkit-transform:rotateY(-180deg);}
}
@keyframes bookRightFromLeft {
	from{ transform:rotateY(-180deg);}
}
.bookRightFromLeft .bookr{
	transform-origin:left;
	animation: bookRightFromLeft .6s ease both;
	-webkit-animation: bookRightFromLeft .6s ease both;
	}
.magazinesAlert .imgViewBtn{ top:50%; margin-top:-37px;}
.magazinesAlert .imgViewBtn a{ width:72px; height:72px; border:1px solid #FFF; border-radius:5px;}
.magazinesAlert .prev{ left:50px; background:url(../images/prev2.png) no-repeat center;}
.magazinesAlert .next{ right:50px; background:url(../images/next2.png) no-repeat center;}
.magazinesAlert .imgViewBtn a:hover{ background-color:#00979c; border-color:#00979c;}
.jobform{ display:none; position:fixed; left:50%; top:50%; margin:-135px 0 0 -280px; width:560px; max-width:100%; height:270px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,.5); border-radius:3px; z-index:10;}
.formWrap{ padding:0 24px; text-align:center;}
.jobform h4{ margin-bottom:24px; line-height:70px; border-bottom:1px solid #CCC; font-size:24px;}
.formWrap a{ display:inline-block; margin:0 3px; color:#FFF; font-size:12px; line-height:32px; width:120px; height:32px; border-radius:3px; vertical-align:middle;}
.upload{ position:relative; background:#00979c; overflow:hidden;}
.upload input{ position:absolute; right:0; bottom:0; width:999px; height:200px; opacity:0;}
.write{ background:#007377;}
.n{ background:#999;}
.y{ background:#686868;}
.jobform p{ font-size:12px; color:#7f7f7f; margin:14px 0 28px;}
.closejf{ position:absolute; right:11px; top:11px; background:url(../images/closeBtn.jpg); width:23px; height:23px;}
.resumeForm{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:10; overflow-y:auto;}
.rfWrap{ width:1200px; margin:0 auto; background:#FFF;}
.rfWrap h3{ height:105px; line-height:105px; font-size:30px; color:#FFF; background:#00979c; text-align:center;}
.rftable{ width:1100px; margin:0 auto; padding:50px 0;}
.rftable div{ margin:11px 0; float:left; height:38px; width:50%;}
.rftable span{ text-align:right; display:inline-block; min-height:38px; line-height:38px; padding-right:5px; width:180px; color:#1b1b1b; vertical-align:top;}
.rftable input[type="text"]{ width:290px; height:36px; line-height:36px; padding:0 10px; border:1px solid #c8c8c8; background:#FFF;}
.rftable textarea{ width:840px; height:86px; padding:10px; border:1px solid #c8c8c8; background:#FFF;}
.mycheckbox,.mycheckbox dd{ display:inline-block;}
.mycheckbox dd{ position:relative; margin-right:10px; height:35px; line-height:35px; padding:0 12px; border:1px solid #c8c8c8; cursor:pointer;}
.mycheckbox dd.check{ border-color:#00979c;}
.mycheckbox dd.check:after{ position:absolute; left:0; top:0; content:" "; display:block; width:100%; height:100%; border:1px solid #00979c; background:url(../images/icon53.png) no-repeat right bottom;}
.rfWrap h4{ height:52px; line-height:52px; font-size:24px; color:#1b1b1b; background:#f2f2f2; text-align:center;}
.addForm{ display:inline-block; padding:0 18px; height:38px; line-height:38px; color:#FFF; background:#00979c; font-size:18px; border-radius:5px;}
.formBottom{ padding:60px 0; margin-top:40px; border-top:1px solid #c8c8c8; text-align:center;}
.formBottom a{ display:inline-block; margin-bottom:38px; width:148px; height:56px; line-height:56px; color:#FFF; font-size:30px; background:#00979c; border-radius:3px;}
.formBottom p{ color:#1b1b1b;}
.formBottom span{ color:#00979c;}
@media screen and (max-width: 1601px){
	.magazinesList li{ width:23vw;}
	.introduceList .txt{ padding:0 58px;}
	.titinfos{ width:550px;}
	.imgViewer{ width:550px;}
	.imgViewer1 .imgViewCont img,.imgViewer1 .imgViewCont{ width:550px; height:400px;}
	.imgViewer2 li,.imgViewer2 img{ width:124.5px; height:91px;}
	.imgViewer2 li:after{ width:118px; height:85px;}
	}
@media screen and (max-width: 1451px){
	.cytxt{ width:80%;}
	.list1 a{ width:100px; height:100px;}
	.list1{ width:625px; margin:-50px 0 0 -312.5px;}
}
@media screen and (max-width: 1201px){	
	.navTitle,.footNav{ display:none;}
}
@media screen and (max-width: 1201px){

	body{ overflow-x:hidden;}
	.containerRight{display:none;}
	.containerLeft{width:92vw;margin:0 auto;float:initial;}
	.container{ width:100%!important;}
	.btns .lh-nav{display:none!important;}
	.objList{display:block;}
	.aboutSection ul{ left:0; width:100%;}
	.aboutSection li{ display:inline-block; float:none; width:32%;}
	.aboutSection a{ width:auto;}
	.aboutSection img{ width:100%;}	
	.newsTit{ padding:0 20px;}
	.list1{ margin:-50px 0 0 -312px;}
	.video{ position:relative; width:100%; height:auto; overflow:hidden;background: url(../images/snsw_2.jpg) repeat;background-position: center center;}
	.chanpin_title{width: 100%;height: auto;float: none;margin: 20px 0 10px;}
	.chanpin_title h5{font-size: 18px;color: #ffffff;font-weight: normal;line-height: 1;text-align: center;}
	.chanpin_title h3{font-size: 40px;color: #ffffff;font-weight: normal;line-height: 1;margin: 20px 0;text-align: center;}
	.chanpin_title h4{font-size: 20px;color: #ffffff;font-weight: normal;line-height: 1;text-align: center;}
	.chanpin_ul{width: 100%;height: auto;float: none;margin-top: 20px;}
	.chanpin_li{float: left;width: 50%;height: auto;}
	.chanpin_li img{display: block;width: 80%;height: auto;margin: 0 auto;}
	.chanpin_li span{display: block;text-align: center;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;}
	.chanpin_li:hover span{color: #EB6100;}
	.newsTab,.newsTab li{ width:100%; text-align:center;}
	.newsTab a{ display:inline-block; width:30%; height:40vw; margin:0 1%; float:none;}
	.newsTab .imgbox, .newsTab img{ width:100%; height:auto;}
	.objInfo{ padding:0 20px;}
	.objCTact span{ float:none; margin-bottom:10px;}
	.objList .imgListCont{ width:94vw; margin:0 auto 28px;}
	.objList li{ width:30vw; margin-right:2vw;}
	.objList img, .objList .imgbox{ width:30vw; height:22vw;}
	.objList .imgListBtn{ width:94vw; margin:0 auto;}
	.objList .imgListBtn a{ width:40vw;}
	.iContent .container{ width:96vw!important; margin:0 auto;}
	.proImgView{ width:50%; height:auto;}
	.proImgView img{ height:36.7vw;}
	.proInfobox{ padding-bottom:60px; width:45%; height:auto;}
	.proImgList li.hover{ transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
	.proImgList{ padding:0;}
	.employment img{ width:100%;}
	.kooTList li{ height:260px;}
	.imgViewerTitle{ margin-bottom:20px;}
	.titinfos,.imgViewer{ width:100%;}
	.imgViewer1 .imgViewCont img, .imgViewer1 .imgViewCont{ width:96vw; height:70vw;}
	.newsDetail{ padding:30px 0;}
	.newsSwitch .imgbox{ width:49%;}
	.newsSwitch dl{ width:50%;}
	.iNewsList{ width:100%;}
	.iNewsList li{ margin:1vw;}
	.iNewsList a{ width:26vw; padding:2vw;}
	.iNewsList img{ width:26vw; height:19vw;}
	.jt_video{ width:100%;}
	.kooNav{ width:1000px; margin:36px auto 0;}
	.kooNav a,.kooTxt, .kooTxt2{ width:331px;}
	.kooTList{ width:998px; margin:0 auto;}
	.articleList li{ width:50%;}
	.articleList .cont{ height:72vw;}
	.articleList .imgbox,.articleList .txtbox{ height:36vw;}
	.contact1 .mapbox,.contact .txtbox{ width:99%; margin:0 auto; float:none; display:block;}
	.contact1 .txtbox{ margin:0 auto 20px;width: 100%;}
	.contact1 .txtbox img{    width: 100%;
    margin: 0 auto;
    display: block;}
	.bookCont{ background:none; width:100% !important;}
	.bookl img{ position:relative;}
	.bookl img,.bookr img{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); height:auto; width:200%;}
	}
@media screen and (max-width: 1001px){
	.kooNav,.kooTList{ width:100%;}
	.kooNav a{ box-sizing:border-box; -webkit-box-sizing:border-box;}
	.kooNav a,.kooTxt, .kooTxt2{ width:32vw;}
	.kooNav h4{ font-size:16px;}
	.kooNav p{ display:none;}
	.kooTList li{ padding:20px; height:340px;}
	.kooTList p{ font-size:12px;}
	}
	
@media screen and (max-width: 801px){
	h1{ width:40vw;}
	h1 a{ background-position:0 0; background-size:100%!important;background:url(../images/logo-m.png) no-repeat;}
	.inner h1{ top:10px;}
	.list1,.newsSroll{ width:100%; margin:0; left:0;}
	.moreNews{ width:80px;}
	.newsTit{ padding:0;}
	.newsSroll ul{ width:55%;}
	.newsSroll h4{ width:60%;}
	.list1 a{ display:none;}
	.mouseTip{ display:none;}
	.aboutSection li{ display:block; width:100%; margin-bottom:4vw;}
	.aboutSection a{ padding:2.5vw; text-align:center; width:auto;}
	.aboutSection{ padding:2vw 0;}
	.oa{ display:none;}
	header{ top:10px;}
	h1{ left:10px;}
	.btns{ right:10px;}
	.videoSection .container{ padding:4vw 0; background-size:80% auto;}
	.footerCont{ padding:5vw 2.5vw;}
	.contact{ width:auto;}
	.copyright{ width:50%;}
	.backTop{ width:10vw; height:10vw; right:2.5vw; bottom:7.5vw; top:auto;}
	.copyright p,.shareBtns{ margin-bottom:2vw;}
	.newsSec{ padding:4vw;}
	.newsTit h3{ margin-bottom:4vw;}
	.newsTab{ text-align:left;}
	.newsTab a{ display:block; padding-bottom:5vw; width:100%; height:auto;}
	.newsTab a:nth-child(2),.newsTab a:nth-child(3){ display:none;}
	.newsTit h3{ float:none; display:block;}
	.newsSwi{ display:block; float:none; margin-top:2vw; text-align:center;}
	.newsSwi a{ float:none; margin:0; display:inline-block; width:27vw;}
	menu strong,menu dd,menu dt:after{ display:none;}
	.menuBox{ float:none; position:relative; top:50%; height:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	menu dl{ float:none; height:auto; width:100%; max-width:100%; border:none;}
	menu dt{ padding:4vw 0 ;}
	menu{ background:rgba(255,255,255,.9);}
	.markNav a{     width: 47%;height: 50px;line-height: 50px;
    padding: 0;
    display: inline-block;
    }
	.ibanner,.ib{ height:50vh;}
	.ibanner img{ height:50vh; width:auto;}
	.ibanner h3{ width:9em; margin:0 auto 20px; font-size:20px;}
	.inner header{ background:none!important;}
	.cybox li{ height:auto;}
	.cytxt{ padding:30px 0;}
	.cybox img,.cybox a{ position:static; width:100%;}
	.objbtns a{ width:40vw; font-size:14px; height:12vw; line-height:12vw;}
	.objsbtn:after, .linkBtn:after{ right:10px; left:auto;}
	.objList h4{ font-size:16px;}
	.objList .imgListCont{ width:90vw; margin:0 auto 28px;}
	.objList li{ width:90vw;}
	.objList img, .objList .imgbox{ width:90vw; height:66vw;}
	.objList .imgListBtn{ width:90vw; margin:0 auto;}
	.objList .imgListBtn a{ width:30vw;}
	.objList .container{ padding:30px 0;}
	.ibtns{ background:none; padding:0; right:10px; top:10px; height:auto;}
	.inner .btns{ top:0;}
	menu .menu{ right:10px; top:10px;}
	.proImgView{ display:block; margin-bottom:30px; float:none; width:100%; height:auto;}
	.proImgView img{ height:70.4vw;}
	.proInfobox{ display:block; width:100%; float:none;}
	.proCont{ padding:25px 0 50px;}
	.proImgList img{ width:30vw; height:23vw;}
	.newsBtns{ height:60px; line-height:60px;}
	.newsBtns a{ font-size:14px;}
	.newsCenter{ padding:30px 0;}
	.iNewsList a{ width:42vw; padding:2vw;}
	.iNewsList img{ width:42vw; height:32vw;}
	.loadMoreData1{ height:60px; line-height:60px;}
	.loadMoreData1:after{ top:21px;}
	.introduceList img,.introduceList .txtbox,.historyList .year,.historyList .txt{ float:none; width:100%;}
	.introduceList .txt{ padding:2vw;}
	.jtjs, .honor, .history{ padding-top:30px;}
	.introduce{ margin:30px 0;}
	.jt_video a{ opacity:1; transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);}
	.historyList li:before{ display:none;}
	.historyList h4, .historyList article{ padding:20px;}
	.historyList h4{ text-align:center;}
	.history{ padding-bottom:30px;}
	.articleList li{ width:100%;}
	.articleList .cont{ height:144vw;}
	.articleList .imgbox,.articleList .txtbox{ height:72vw;}
	#ygfc{ padding:0;}
	.articleList li:nth-child(even) .imgbox{ top:0; bottom:auto;}
	.articleList li:nth-child(even) .txtbox{ top:auto; bottom:0;}
	.historyList article{ text-align:left;}
	.magazinesList li{ width:47vw;}
	.magazines{ padding-top:30px;}
	.magazines h3{ margin-bottom:30px; font-size:24px;}
	.magazinesAlert .imgViewBtn{ top:80%;}
	.magazinesAlert .imgViewBtn a{ width:36px; height:36px; background-color:rgba(0,0,0,.1);}
	.close{ width:30px; height:30px; background-size:100%; right:7px;}
	.video{ position:relative; width:100%; height:auto; overflow:hidden;background: url(../images/snsw_2.jpg) repeat;background-position: center center;}
	.chanpin_title{width: 100%;height: auto;float: none;margin: 20px 0 10px;}
	.chanpin_title h5{font-size: 18px;color: #ffffff;font-weight: normal;line-height: 1;text-align: center;}
	.chanpin_title h3{font-size: 36px;color: #ffffff;font-weight: normal;line-height: 1;margin: 20px 0;text-align: center;}
	.chanpin_title h4{font-size: 20px;color: #ffffff;font-weight: normal;line-height: 1;text-align: center;}
	.chanpin_ul{width: 100%;height: auto;float: none;margin-top: 20px;}
	.chanpin_li{float: left;width: 100%;height: auto;}
	.chanpin_li img{display: block;width: 80%;height: auto;margin: 0 auto;}
	.chanpin_li span{display: block;text-align: center;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;}
	.chanpin_li:hover span{color: #EB6100;}
	.video>a{font-size: 18px;color: #ffffff;display: block;position: initial;margin: 10px auto;text-align: center;}
	.video>a:hover{position: absolute;top: 20px;right: 15px;font-size: 18px;color: #eb6100;}
	.video .tempWrap{margin-top: 20px;margin-bottom: 20px;}
	
	.jobform{ left:0; margin-left:0;}
	.rfWrap,.rftable{ width:100%;}
	.rftable div{ width:100%; height:auto; float:none;}
	.rftable span{ width:120px;}
	.rftable input[type="text"]{ width:180px;}
	.rftable span,.rftable input[type="text"],.mycheckbox dd{ font-size:14px;}
	.rftable textarea{ width:180px;}
	.introSw{ float:none; height:50px; width:100%;}
	.introSw div{ width:100%;}
	.introSw a{ height:50px; line-height:50px; width:20%; float:left; padding-left:0; text-align:center; background-image:none !important;}
	.introSw a.hover:after{ display:none;}
	.newsSwitch dl,.newsSwitch .imgbox{ width:100%; float:none; height:auto;}
	.newsSwitch .imgbox img{ position:static; margin:0; width:100%; height:auto;}
	.newsSelect{ margin-bottom:20px;}
	.newsSwitch .imgbox{ position:relative; top:-10px;}
	.btns a{ color:#000!important; text-transform:uppercase;}
	.menu{border: 1px solid #000;}
	.mypage{margin-top: 16px!important;}
.fundong{display:none!important;}
.article_list{display:none!important;}
	}
@media screen and (max-width: 601px){
	.iNewsList a{ width:90vw; padding:2vw;}
	.iNewsList img{ width:90vw; height:72vw;}
	.magazinesList li{ width:95vw;}
	}



@media screen and (min-weight:30px)and (max-weight:1024px){
	
	
	}



.mypage {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size:14px;
	margin-left: 0px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	padding-bottom:30px;
	margin-top:29px;
}
.mypage li{
	font-size: 14px;
	padding: 3px 15px;
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #2958a7;
	border-left-width: 0;
	height: 23px;
	line-height: 22px;
	    text-indent: 0;
	    color: #2958a7;
}
.mypage li a {
	display: inline-block;
	
	color: #2958a7;
}
.mypage li a:hover{
	text-decoration:none;
}
.mypage li.thisclass {
	background-color: #2958a7;
	color:#fff;
}
.mypage li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}
.mypage li:last-child{
	border-radius: 0 3px 3px 0;
}
.mypage .pageinfo{
	color: #2958a7;
}


@media screen and (max-width: 1500px){
.navTitle a{width: 70px!important;}

}



table,table tr th, table tr td { border:1px solid #000; }
table{margin:0 auto;border-collapse: collapse;float:none!important;}


.article_list{position: absolute;left: 0px;top:0px;z-index: 999999;background-color: #ffffff;border: 1px solid #cccccc;} 
.article_listli{line-height: 18px;padding: 2px;background-color: #ccc;
    margin: 3px;}
.article_listli h4{ font-weight: bold;background-color: #126fd6;color: #ffffff;padding: 5px;text-align:center;}
.article_listli h4 a{color: #ffffff;}
.article_listli a{color: #000000;font-size: 14px;display: block;width: 100%;height: 100%;}
.article_listli:hover{background-color: #126fd6;}
.article_listli:hover a{color: #ffffff;font-size: 14px;}
.article_list1{position: fixed;left: 0px;top:50px;z-index: 999999;background-color: #ffffff;border: 1px solid #cccccc;}